/* plist 样式 */
.plist .mint-cell-text{position: absolute;left: 90px;top: 21px;padding-right: 40px;height: 16px;overflow: hidden;line-height: 16px;}
.plist .mint-cell-label{position: absolute;left: 90px;top: 35px}
.plist .mint-cell-label:before{content: '';display: inline-block;width: 12px;height: 12px;background: url("../images/icon_music.png") no-repeat center;background-size: 100%;}
/* plistinfo 样式 */
.rank-banner-wrap{width: 100%;height: 200px;margin-top: -4px;position: relative;background-position: center;
    background-repeat: no-repeat;background-size: 100%}
.rank-banner-wrap p{     
   height: 43px;
    top: 51px;
    z-index: 999;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 43px; }
 .rank-head-back{display: block;float: left;width: 24px;height: 100%;background: url("../images/goback_icon.png") no-repeat center;background-size: 60% 60%;position: absolute;left: 5px;top:0}
.plist-info .mint-cell-title{padding-left: 5px}
.plist-desp{width: 100%;padding: 12px;font-size: 16px;position: relative;text-align: justify;}
.plist-desp-p{padding-right: 40px;line-height: 135%}
.plist-desp-icon{display: block;width: 24px;height: 24px;position: absolute;right: 10px;top: 10px}
.plist-desp-hide{overflow: hidden;height: 1.35em;}

/* rank 样式 */
.mint-cell{padding-left: 10px;min-height: 52px}
.rank .mint-cell-wrapper{padding: 10px 5px;}
.plist .mint-cell-wrapper{padding: 10px 5px;}
.ringtone .mint-cell-wrapper{padding: 5px 0 5px 5px}
.mint-cell-wrapper{
    background-image: none;
    border-bottom: 1px solid #e8e8e8;
    font-size: 14px;
}
.rank-status{height: 43px;width: 100%;position: absolute;bottom: 0;left: 0;background: -webkit-linear-gradient(bottom,rgba(0,0,0,.6),rgba(0,0,0,0));line-height:43px;font-size: 15px;color: #fff}

.mint-cell-text{
    font-size: 15px;
}
.rank .mint-cell-title img{
    padding-right: 10px;
    width: 70px;
    height: 60px;

}


/* 歌曲详情 */
.intor-box{
    width: 100%;
    height: 45px;
    line-height: 36px;
    padding: 6px 30px 6px 5px;
    box-shadow: 0 3px 3px 0 #f4f4f4;
    position: relative;
    overflow: hidden;
    font-size: 17px;
    box-sizing: border-box;
    margin:50px 0 15px 0px ;
    border-bottom: 1px solid #e5e5e5;
}

.panel-songslist-item{
   width: 100%; 
   height: 60px;
}
<<<<<<< HEAD
.panel-songslist .panel-songslist-item img{
    width: 16px;
    height: 16px;
    float: right;
}

.intro-icon-box img{
    width: 16px;
    height: 16px;
    position: absolute;
    top: 15px;
    right: 10px;
}

.changeColor{
    color: #fff;
}
<<<<<<< HEAD
/* 排行榜top前三的样式 */
.rank-info-list .rank-index{
  position: absolute;
  font-size: 12px;
 
}
.rank-list-first{
  background: #E80000;
}
.rank-list-second {
  background-color: #FF7200}
  .rank-list-third {
    background-color: #F8B300;
}
.rank-list-good{
  display:inline-block;
    padding: 2px 8px;
    left: 12px !important;
    border-radius: 8px;
    color: #fff;
    margin-top: 3px !important
}
.mint-cell-wrapper>.mint-cell-value>.rank-index:nth-child(3) {
  left: 12px !important;
  color: #888;}
.rank-info-list .mint-cell-title {
  padding-left: 35px;
}
=======
=======


>>>>>>> 4778b1b29deb025dd3211d8cabba87220d8120c2
/* 搜索样式 */
.search-panel{padding: 10px;background-color: #fbfbfb;height: 55px;}
.search-input{width: 80%;height: 100%;display: block;border: 1px solid #e5e5e5;border-radius: 7px;float: left;background-color: #fff}
.search-icon{display: block;float:left;width: 10%;height: 100%;background: url("http://m.kugou.com/v3/static/images/index/search_icon.png") no-repeat center;background-size: auto 100%}
.search-input input{width: 90%;height: 100%;display: inline-block;padding: 0 10px 0 0;border: none;outline: none;background-color: transparent}
.search-btn{display: block;height: 100%;width: 18%;background-color: #2ba2fa;float: right;border-radius: 7px;color: #fff;font-size: 15px;text-align: center;line-height: 35px;border: none;outline: none}
.search-list-title{padding: 10px;color: deepskyblue}
.search-total{padding: 5px 10px;background-color: #e1e1e1;color: #484848}
/* 歌单行间距 */
.mint-cell-text{
    line-height: 21px
}


/* 菜单及动画样式 */
.menu {
    position: fixed;
    width: 200px;
    height: 100%;
    background: rgba(0, 160, 232, 0.6);
    display: block !important;
    top: 110px;
    left: -200px;
    z-index: 990;
  }
  #im {
    display: inline-block;
    position: fixed;
    top: 300px;
    left: 0;
    font-size: 26px;
    width: 30px ;
    height: 30px ;
    z-index: 991;
  }
  
  @keyframes fade-in {
    0% {
      opacity: 0;
    } /*初始状态 透明度为0*/
    40% {
      opacity: 0;
    } /*过渡状态 透明度为0*/
    100% {
      opacity: 1;
    } /*结束状态 透明度为1*/
    from {
      left: -200px;
    }
    to {
      left: 0px;
    }
  }
  @-webkit-keyframes fade-in{
    /*针对webkit内核*/
    0% {
      opacity: 0;
    }
    40% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
    from {
      left: -200px;
    }
    to {
      left: 0px;
    }
  }
  @keyframes fade-out{
    0% {
      opacity: 1;
    } /*初始状态 透明度为1*/
    40% {
      opacity: 1;
    } /*过渡状态 透明度为1*/
    100% {
      opacity: 0;
    } /*结束状态 透明度为0*/
    from {
      left: 0px;
    }
    to {
      left: -200px;
    }
  }
  @-webkit-keyframes fade-out {
    /*针对webkit内核*/
    0% {
      opacity: 1;
    }
    40% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
    from {
      left: 0px;
    }
    to {
      left: -200px;
    }
  }
  
  @-webkit-keyframes fade-in1 {
    /*针对webkit内核*/
    0% {
      opacity: 0;
    }
    40% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
    from {
      left: 0px;
    }
    to {
      left:177px;
    }
  }
  @-webkit-keyframes fade-out1 {
    /*针对webkit内核*/
    from {
      left: 200px;
    }
    to {
      left: 0px;
    }
  }
  .wrapper {
    animation: fade-in; /*动画名称*/
    animation-duration: 1.5s; /*动画持续时间*/
    -webkit-animation: fade-in 1.5s; /*针对webkit内核*/
    animation-fill-mode: forwards;
  }
  .wrapper1 {
    animation: fade-out; /*动画名称*/
    animation-duration: 1.5s; /*动画持续时间*/
    -webkit-animation: fade-out 1.5s; /*针对webkit内核*/
    animation-fill-mode: forwards;
  }
  
  .wrapper3 {
    animation: fade-in1; /*动画名称*/
    animation-duration: 1.5s; /*动画持续时间*/
    -webkit-animation: fade-in1 1.5s; /*针对webkit内核*/
    animation-fill-mode: forwards;
  }
  .wrapper2 {
    animation: fade-out1; /*动画名称*/
    animation-duration: 1.5s; /*动画持续时间*/
    -webkit-animation: fade-out1 1.5s; /*针对webkit内核*/
    animation-fill-mode: forwards;
  }
  
  

>>>>>>> 7dd98ad4f10b0d0fc1a7994a24c127972341b2d9
